<script setup lang="ts">
import { reactive, ref, computed } from "vue";
import { HxqAgreement } from "vue-mobile-hxq";
import { apiBaseCol } from "assets/js/constant.js";

// 同意协议书
function getCheckValues(check: boolean): void {
  console.log(check);
  isdisabled.value = !isdisabled.value;
}
const isdisabled = ref(true);

function lookAgreement() {
  console.log("查看协议");
}

</script>
<template>
  <div class="public-flex-box">
    <div class="public-phone-title">基本用法</div>
    <div class="public-usage-box">
      <hxq-agreement :isdisabled="isdisabled" @getCheckValues="getCheckValues"
        ><span @click.stop="lookAgreement">《协议名称》</span></hxq-agreement
      >
    </div>
  </div>
</template>

<style lang="scss" scoped>
.van-checkbox-group {
  display: flex;
  justify-content: space-between;
  ::v-deep .van-checkbox {
    height: 48px;
    line-height: 48px;
    // border-bottom: 1px solid #eeeeee;
  }
  ::v-deep .van-checkbox:last-child {
    border-bottom: none;
  }
}
</style>
